.self{width 100%;height:100px; border:1px solid silver;}
.self .touxiang{width:80px;margin:8px 20px 8px 10px;float:left;}
.self .name{font-size:20px;font-style:bold;line-height:100px;float:left;}
.self .wel{color:silver;font-size:15px;margin:65px 0 0 10px;}
.back{ width:12px;height:17px;background:url(/SmartCommunity/images/wechat/base-icon.png) no-repeat 0 0;float:left;display:inline-block;margin-top:14px;margin-left:20px;padding:0;position:absolute;}
.renzheng{text-align:center;}
.SpecialTop{width:100%; height:46px; background:#141E27; line-height:46px; color:#fff;  font-size:20px;  position:relative}
.sum{
	float:right;
	font-weight:bold;
}
.type{
	display:inline-block;
	font-weight:bold;
}
.status{
	font-size:0.5em;
	float:right;
}
.time{
	font-size:0.5em;
	display:inline-block;
}
.parent{
	overflow:hidden;
}
.tem{
	border:1px solid #D9D9D9;
	padding:5px;
}
.info-fixed{position:fixed;width:100%;z-index:10;}
  .pullDown, .pullUp {
	text-align: center;
	height: 40px;
	margin-bottom:0;
	padding-bottom:0;
	line-height: 40px;
	font-size: 12px;
	color: #888;
	font-family: Arial, Microsoft YaHei;
} 
.pullUp{ display:block;}
.loader {
	display: inline-block;
	font-size: 0px;
	padding: 0px;
	display: none;
}
.loader span {
	vertical-align: middle;
	border-radius: 100%;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 2px;
	-webkit-animation: loader 0.8s linear infinite alternate;
	animation: loader 0.8s linear infinite alternate;
}
.loader span:nth-child(1) {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
	background: rgba(245, 103, 115,0.6);
}
.loader span:nth-child(2) {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
	background: rgba(245, 103, 115,0.8);
}
.loader span:nth-child(3) {
	-webkit-animation-delay: -0.26666s;
	animation-delay: -0.26666s;
	background: rgba(245, 103, 115,1);
}
.loader span:nth-child(4) {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
	background: rgba(245, 103, 115,0.8);
}
.loader span:nth-child(5) {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
	background: rgba(245, 103, 115,0.4);
}
 @keyframes loader {
 from {
transform: scale(0, 0);
}
to {
	transform: scale(1, 1);
}
}
@-webkit-keyframes loader {
 from {
-webkit-transform: scale(0, 0);
}
to {
	-webkit-transform: scale(1, 1);
}
}
.page,body {
	background-color: #fbf9fe
}
.container,.page {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}


@-webkit-keyframes a {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes a {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes b {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@keyframes b {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

.page.slideIn {
	-webkit-animation: a .2s forwards;
	animation: a .2s forwards
}

.page.slideOut {
	-webkit-animation: b .2s forwards;
	animation: b .2s forwards
}